body{
	font-size:small;
}
body.top {
    background-image: url("http://mmixiaftest.appspot.com/html/top240.JPG");
    background-repeat: no-repeat;
}

#topBody {
    text-align: center;
    color: #ff1493;
}

#greeting{
	position: absolute;
    top: 5px;
	left:5%;
	width:90%;
	color:#000000;
    font-size: small;
}

#inputArea {
    position: absolute;
    top: 190px; /*NMF*/
    left: 5%;
	width:90%;
}

body.game {
    background-image: url("http://mmixiaftest.appspot.com/html/game240.JPG");
    background-repeat: no-repeat;
	text-align:center;
}

#gameBody {
    text-align: center;
    color: #000000;
	width:240px;
}

#questionTitle {
	position: absolute;
    top: 15px;/*NMF*/
    left: 15%;
	text-align:left;
 /*   background-color: #ffffff;
    border: 2px solid #ff8c00;
*/	width: 70%;
}
#questionPre {
	color:#008000;
}

#currentGame {
	position: absolute;
    top: 50px;/*NMF*/
    left: 70%;
}

#answers {
		position: absolute;
    top: 120px;/*NMF*/
    left: 4%;
	width:90%;

}
#answer {
    text-align: left;
    background-color: #ffffff;
    border: 2px solid #ff8c00;
}

body.result {
    background-image: url("http://mmixiaftest.appspot.com/html/result240.JPG");
    background-repeat: no-repeat;
}

#ratioTitle{
	position: absolute;
    top: 50px;
	left:5%;
	width:90%;
}

#barArea {
    position: absolute;
    top: 97px;/*NMF*/
    left: 3%;
	width:94%;
    text-align: left;
}
#bar {
    color: #ff1493;
    background-color: #ff1493;
    height: 25px;
    margin-left: 0px;
}


#ratioText {
	position: absolute;
    top: 135px;
    left: 5%;
    color: #ff1493;
    font-size: large;
	width:90%;
	text-align:center;
}

#diagnosisText {
	position: absolute;
    top: 170px;
    left: 15%;
	width:70%;
   text-align: left;

}

#luckyItemTitle {
	position: absolute;
    top: 230px;
    left: 15%;
	color: #ff1493;
    text-align: left;
	font-size:small;
}

#luckyItemName {
	position: absolute;
    top: 250px;
    left: 5%;
	width:90%;
	text-align:center;
}
#voiceText{
	width:90%;
}
#tryButton{
	position: absolute;
    top: 270px;
    left: 5%;
	width:90%;
}

#errorMessage{
	position: absolute;
    top: 190px;
    left: 5%;
	width:90%;
}

#topImg{
	src:url('http://mc.mixi.net/32211_2/top240.JPG');
	
}
